<template>

  <section data-v-4d430b72="" data-v-4c695322="" class="app-main">
      <h4>当前是订单基本管理-- 订单基本信息明细 OrderBase</h4>
    <div data-v-cd6feb00="" data-v-4d430b72="" class="app-container block OrderBase" >
      <div data-v-cd6feb00="" class="el-row ">
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">订单号：</span>
          <span data-v-cd6feb00="" class="item">{{orderNumber}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">支付方式：</span>
          <span data-v-cd6feb00="" class="item">{{OrderList.defarytypes}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">金额支付：</span>
          <span data-v-cd6feb00="" class="item">{{OrderList.money}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">余额支付：</span>
          <span data-v-cd6feb00="" class="item">0元</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">积分支付：</span>
          <span data-v-cd6feb00="" class="item">0积分</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">点券支付：</span>
          <span data-v-cd6feb00="" class="item">0点券</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">付款状态：</span>
          <span data-v-cd6feb00="" class="item">{{OrderList.defary}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">订单状态：</span>
          <span data-v-cd6feb00="" class="item">执行中</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">订单创建时间：</span>
          <span data-v-cd6feb00="" class="item">2022-01-14 21:40:03</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">支付时间：</span>
          <span data-v-cd6feb00="" class="item">2022-01-14 21:40:09</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">开始时间：</span>
          <span data-v-cd6feb00="" class="item">2022-01-14 21:40:49</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">结束时间：</span>
          <span data-v-cd6feb00="" class="item"></span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">设备编号：</span>
          <span data-v-cd6feb00="" class="item"
            ><a data-v-cd6feb00="" style="color:blue"  class=""
              @click="handleClicknumber()" >{{OrderList.number}}</a
            ></span
          >
        
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">设备位置：</span>
         
            <span data-v-cd6feb00="" class="item">{{OrderList.address}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">所属项目：</span>
          <span data-v-cd6feb00="" class="item"
            ><a data-v-cd6feb00=""  style="color:blue" class="link"
             @click="handleClickProject()" >{{OrderList.projectName}}</a
            ></span
          >
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">支付平台订单号：</span>
          <span data-v-cd6feb00="" class="item"></span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">工作模式：</span>
          <span data-v-cd6feb00="" class="item">{{OrderList.functionType}}</span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">异常信息：</span>
          <span data-v-cd6feb00="" class="item"></span>
        </div>
        <div data-v-cd6feb00="" class="el-row OrderBase_div">
          <span data-v-cd6feb00="" class="label">用户名称：</span>
          <span data-v-cd6feb00="" class="item"
            ><a data-v-cd6feb00=""  style="color:blue" class=""
              >{{OrderList.username}}</a
            ></span
          >
        </div>
      </div>
    
    </div>
  </section>
</template>

<script>
export default {
  name: "admin",
  data(){
    return{
       orderNumber: this.$route.params.orderNumber,
       OrderList:{}
    }
  },
  created(){
    this.getOrderNumber();
  },
  methods:{
    ////  依据订单编号查询出对于的订单明细信息
    getOrderNumber(){
     this.$axios
        .get("/tPayOrder/list", {
          params: {
            page: 0,
            limit: 0,
            orderNumber: this.orderNumber,
            number:null,
            date1: null,
            date2: null,
            projectid: null,
            defarystatus: null,
          },
        }).then(res=>{
          console.log(res.data.data[0])
          this.OrderList=res.data.data[0]
        })
    },
    ///点击对于的设备编号，跳转到具体的设备信息
     handleClicknumber() {
      this.$router.push({ path: "/facility/FacilityBase/" + this.OrderList.number });
      
    },
     //点击一个项目名称，到一个具体的项目信息的页面
    handleClickProject() {
      this.$router.push({ path: "/sys/ProjectBser/" + this.OrderList.projectid });
      
    },

  }
};
</script>

<style scoped>
.OrderBase{
  /* width: 100%; */
/*   height: 100px; */
  /* background-color: aquamarine; */
  margin-left: 50px;
}
.OrderBase_div{
  height: 35px;

}

</style>